import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'

const routes: RouteRecordRaw[] = [{
  path: '/',
  component: () => import('../components/container/src/index.vue'),
  children: [
    {
      path: '/selectArea',
      component: () => import('../views/selectArea/index.vue')
    },
    {
      path: '/table',
      component: () => import('../views/table/index.vue')
    },
    {
      path: '/form',
      component: () => import('../views/form/index.vue')
    },
    {
      path: '/modal',
      component: () => import('../views/modal/index.vue')
    },
    {
      path: '/modalForm',
      component: () => import('../views/modalForm/index.vue')
    },
    {
      path: '/badge',
      component: () => import('../views/badge/index.vue')
    },
    {
      path: '/selectInput',
      component: () => import('../views/selectInput/index.vue')
    }
  ]
}]

const router = createRouter({
  routes,
  history: createWebHistory()
})

export default router
